<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>保养提醒</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="../../js/common/common.js"></script>
   <script type="text/javascript" src="js/maintainRemind.js"></script>
   <script type="text/javascript">
   function check(){
	   var input1 = document.getElementById("userId");
	   var userId = input1.value;
	   var input2 = document.getElementById("carId");
	   var carId = input2.value;

	   location.href="maintainDate.html?userId="+userId+"&carId="+carId
   }
   </script>
</head>
<body>
<div class="container">
		<div class="panel panel-default">
			<a href="" class="list-group-item">
				<div class="clearfix">
					<div class="col-xs-3"><br><img class="img-circle" src="img\1.png" alt="头像" title="头像图片" style="width:100%"/></div>	
					<div class="col-xs-6"><br><span id="registNo"></span><br><span id="carName"></span></div>
					<div class="col-xs-3"><img class="img-rounded pull-right" src="img\car.jpg" alt="car" title="车辆图片" style="width:150%"/></div>
					<input type="hidden" id="userId">
					<input type="hidden" id="carId">
				</div>
			</a>
 		</div>
		<div class="panel panel-default">
			<ul class="list-group">
				<li class="list-group-item clearfix">
					<span style="float:left">保养里程</span>
					<span style="float:right" id="lastMaintainMileage"></span>
				</li>
				<li class="list-group-item clearfix">
					<span style="float:left">保养日期</span>
					<span style="float:right" id="lastMaintainDate"></span>
				</li>
			</ul>	
		</div>
		<div class="panel panel-default">
			<ul class="list-group">
				<li class="list-group-item clearfix">
					<span style="float:left">保养里程</span>
					<span style="float:right" id="nextMaintainMileage"></span>
				</li>
				<li class="list-group-item clearfix">
					<span style="float:left">保养日期</span>
					<span style="float:right">100天后</span>
				</li>
			</ul>	
		</div>
		<div class="panel panel-default clearfix" style="float:right">
			<a href="JavaScript:void(0);" class="list-group-item" onclick="check()">
				<span class="glyphicon glyphicon-time" style="color: rgb(255, 140, 60);"></span>
				<span>设置保养时间</span>
				</a>
		</div>
		<input id="button1" type="button"  data-toggle="modal" data-target="#myModal" value="预约" class="btn btn-primary btn-lg btn-block" />	
		<span>下次保养里程和保养时间，以先到为准</span>	
   </div>
</body>
</html>
